<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
  <link href="css/custom.css" rel="stylesheet">
  <link href="css/bootstrap.css" rel="stylesheet">
  <link href="css/general_foundicons.css" rel="stylesheet" >
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.tools.min.js"></script>
	
<style>
header{height:70px;overflow: hidden;padding:1%;background: #f7f7f7;margin-bottom:3%;}
.log_zone{float: right;margin-right: 5%;overflow: hidden;width: 330px;}
.logout_click{display:none;}
.log_zone .logout_button{float: left;}
.log_zone .user_name{float: left;margin: 0 5% 0 0;font-size: 1.5em;}
.log_zone .user_name i{}
#userlist td{vertical-align: middle!important;}
#userlist td .btn{padding:0 12px 6px 12px;}
#userlist td .label {font-size: 14px;font-weight: 600;padding: 6px 12px;}
</style>
	
</head>
<body>
	<!--<h3>Message : ${message}</h3>-->	
 
	

	
	
	<header>
	   <section class="log_zone">
				<div class="user_name"><i class="general foundicon-lock"></i>${username}</div>
				<button class="btn btn-danger logout_button" name="submit" type="submit">Desconectarse</button>
				<a class="logout_click" href="<c:url value="/j_spring_security_logout" />" > Logout</a>
		</section>
	</header>
	
	
	
	
	
<section class="container">	
	
<table class="table-striped" id="userlist">
        <thead>
          <tr>
            <th>#</th>
            <th class="blue">Dominio</th>
            <th class="blue">Estado</th>
            <th class="blue"></th>
            <th class="blue"></th>

          </tr>
        </thead>
        <tbody>
          <tr>
            <td></td>
            <td>claridad.com</td>
            <td><span class="label label-success">ACTIVO</span></td>
            <td><button class="btn btn-default"><i class="general foundicon-settings"></i>Adminitar</button></td>
            <td><button class="btn btn-default edit_page" id="website_1"><i class="general foundicon-edit"></i>Editar</button></td>
          </tr>
          <tr>
            <td></td>
            <td>estilochef.com</td>
            <td><span class="label label-warning">PENDIENTE</span></td>
            <td><button class="btn btn-default"><i class="general foundicon-settings"></i>Adminitar</button></td>
            <td><button class="btn btn-default edit_page" id="website_2"><i class="general foundicon-edit"></i>Editar</button></td>
          </tr>
        </tbody>
</table>       
</section>
 <script>
 $('.edit_page').live("click", function() {
	 var id = $(this).attr('id').substring(8);
	 window.location.href ="contenidos.htm?id="+id;
	
 });
  $('.logout_button').live("click", function() {
	 $('.logout_click').click();
 });
 
 </script>
</body>
</html>